/**
 * Respond theme
 * _grid
 */

$totalColumns: 12 !default;
$rowWidth: $canvasLarge !default;
$defaultFloat: left !default;
$columnGutter: 32px !default;

* { box-sizing: border-box; }

.row {
  width: $rowWidth;
  max-width: 100%;
  min-width: $canvasSmall;
  margin: 0 auto;
  
  .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 (-($columnGutter / 2));

    &.collapse {
      .column, .columns { margin: 0; }
    }
  }

  &.collapse {
    .column, .columns { padding: 0; }
  }
}

.column, .columns {
  float: $defaultFloat;
  min-height: 1px;
  padding: 0 ($columnGutter / 2);
  position: relative;

  &.centered {
    float: none;
    margin: 0 auto;
  }
}

  // Creating column classes
  @for $i from 1 through $totalColumns {
    .#{convert-number-to-word($i)} { width: 100% / $totalColumns * $i; }
  }

img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none!important;}

/* Nicolas Gallagher's micro clearfix */
.row {
  @include clearfix();
}

// // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // //
// MEDIA QUERIES
// // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // //

@media screen and (max-width: $canvasMedium - 1) {
  .column, .columns { float: none; width: 100%; }
}

@media screen and (min-width: $canvasMedium) and (max-width: $canvasLarge - 1) {
}

@media screen and (min-width: $canvasLarge) {
}
